<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据api页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
</head>

<body class="api-page">
    <header class="bigdata-header">
        <div class="logo"></div>
        <ul class="nav clearfix">
            <li class="fl nav-item active"><a href="./index.html">首页</a></li>
            <li class="fl nav-item"><a href="./api.html">API</a></li>
            <li class="fl nav-item"><a href="./customer.html">案例</a></li>
        </ul>
        <div class="login-register">
            <button class="login">登录</button>
            <button class="register">注册有礼</button>
        </div>
    </header>
    <main>
        <!-- API分类 -->
        <section class="api-list">
            <div class="heart">
                <!-- 标题 -->
                <h3>API分类</h3>
                <!-- 列表分类 -->
                <ul class="clearfix">
                    <!-- <li class="list-item">全部</li>
                    <li class="list-item">生活服务</li>
                    <li class="list-item">金融科技</li>
                    <li class="list-item">交通地理</li>
                    <li class="list-item">充值缴费</li>
                    <li class="list-item">数据智能</li>
                    <li class="list-item">企业工商</li>
                    <li class="list-item">应用开发</li>
                    <li class="list-item">电子商务</li>
                    <li class="list-item">吃喝玩乐</li>
                    <li class="list-item">文娱视频</li>
                    <li class="list-item">免费接口大全</li>
                    <li class="list-item">短信</li>
                    <li class="list-item">汽车</li>
                    <li class="list-item">核验</li>
                    <li class="list-item">最新发布</li>
                    <li class="list-item">API私有化部署</li> -->
                </ul>
                <div class="api-list-search">
                    <span class="text">全部</span>
                    <input type="text" placeholder="手机归属地">
                </div>

            </div>
        </section>

        <!-- API列表 -->
        <section>
            <ul class="api-img-list heart clearfix">
                <!-- <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price green">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price red">0.2000/次</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                </li>
                <li class="api-item">
                    <div class="top">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="desc">2021出行防疫政策指南</p>
                        <span class="price">免费</span>
                    </div>
                    <button>申请数据</button>
                    <div class="special">企业专用</div>
                </li> -->
            </ul>
        </section>

        <!-- 分页 -->
        <section class="pages">
            <div class="heart clearfix">
                <a class="page active">1</a>
                <a class="page">2</a>
                <a class="page">3</a>
                <a class="page">4</a>
                <a class="page">5</a>
                <a class="page">6</a>
                <a class="page">7</a>
                <a class="page">8</a>
                <span class="span-text">......</span>
                <a class="page">下一页></a>
            </div>
        </section>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="heart">
            <div class="footer-top clearfix">
                <dl class="footer-item fl">
                    <dt class="item-title">联系与支持</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">关于源码</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">快速入口</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">产品服务</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">解决方案</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <!-- 右边的微信图标 -->
                <div class="wechat fr">
                    <p class="title">微信公众号</p>
                    <p class="name">源码时代</p>
                    <img src="./images/wechat-white.png" alt="">
                </div>
            </div>
            <!-- 底部 -->
            <p class="footer-btm clearfix">
                <a href="#" class="fl mr10">
                    <img src="./images/bei2.png" alt="">
                </a>
                <a href="#" class="fl mr10">
                    <img src="./images/bei1.png" alt=""> </a>
                <span class="fl mr10">增值电信业务经营许可证:蜀B2-20180596</span>
                <a href="#" class="fl mr10">蜀ICP备15006450号-3</a>
                <a href="#" class="fl mr10">营业执照</a>
                <span class="fr">源码大数据股份有限公司©版权所有</span>

            </p>
        </div>
    </footer>

    <!-- 模态框 -->
    <div class="mask">
        <!-- 登录框内容 -->
    </div>

    <!-- 回到顶部 -->
    <div class="return-top">
    </div>
    <script src="./js/common.js"></script>
    <script src="./js/api.js"></script>
</body>

</html>